<head>
   <script type="text/javascript">
						$(function() {
				$("table")
					.tablesorter({widthFixed: true}) 
					<!--.tablesorter({debug: true})-->
					.tablesorterPager({container: $("#pager1")});
			});
			
         </script>   
</head>
<div id="pager1" class="pager1">
    <table id="background-image"> 
        <thead> 
            <tr> 
                <th>Nama</th>
                <th>Telepon</th> 
                <th>fax</th>
                <th>NPWP</th>
                <th>Alamat</th>
                <th>Kota</th>
                <th>Provinsi</th>
                <th>Action</th>
            </tr> 
        </thead> 
        <tbody> 
            <?php foreach ($customer as $customer1){
                $id = $customer1['customer_id'];
                ?>
            
            <tr>
                <td><?php echo $customer1['customer_name'];?></td> 
                <td width="13%"><?php echo $customer1['customer_telp'];?></td> 
                <td><?php echo $customer1['fax'];?></td>
                <td><?php echo $customer1['npwp'];?></td> 
                <td width="26%"><?php echo $customer1['alamat'];?> RT: <?php echo $customer1['rt'];?> RW: <?php echo $customer1['rw'];?>
                </td>  
                <td width="10%"><?php echo $customer1['kota'];?></td> 
                <td width="10%"><?php echo $customer1['provinsi'];?></td>
                <td align="center" width="13%"><a href="<?php echo site_url('home')?>">View</a> | <a href="<?php echo site_url('customer/edit/' . $id)?>">Edit</a> | <a href="<?php echo site_url('customer/deleteCustomer/'. $customer1['customer_id'])?>" onclick="return confirm('Apakah Anda ingin menghapus data <?php echo $customer1['customer_name'];?>?')">Hapus</a></td>
                
                                   
            </tr> 
            <?php } ?>
           
       </tbody> 
        
    </table> 
        <form>
            <img src="<?php echo base_url();?>img/first.png" class="first" title="back to first"/>
            <img src="<?php echo base_url();?>img/prev.png" class="prev" title="previous"/>
            <input type="text" class="pagedisplay"/>
            <img src="<?php echo base_url();?>img/next.png" class="next" title="next"/>
            <img src="<?php echo base_url();?>img/last.png" class="last" title="go to last"/>
           
            <select class="pagesize">
                <option selected="selected"  value="10">10</option>
                <option value="15">15</option>
                
            </select>
        
        </form>
</div>